@content6: content6;

.@{content6}-wrapper {
  background-image: url("https://sfservices.obs.cn-south-1.myhuaweicloud.com/sdp-web/startshinex/rtcBackground.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  // height: 590px;
  // display: flex;
  // align-items: center;
  // justify-content: center;
  background-color: #16181C;
  .c-grid-layout {
    transition: all .2s linear;
    .content6-img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 62px;
      img {
        width: 128px;
        height: 128px;
      }
    }
    .content6-title {
      font-size: 36px;
      color: #FFFFFF;
      letter-spacing: 0;
      text-align: center;
      font-weight: 500;
      margin-bottom: 20px;
      // p {
      //   white-space: pre;
      // }
    }
    .content6-subtitle {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.88);
      letter-spacing: 0;
      text-align: center;
      line-height: 28px;
      font-weight: 400;
      display: flex;
      justify-content: center;
      margin-bottom: 20px;
    }
    .content6-list {
      // display: flex;
      // position: relative;
      // top: 145px;
      // max-width: 1200px;
      // margin: 0 auto;
      .item {
        flex: 1;
        height: 100px;
        //min-width: 300px;
        background-color:#3954FF;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        &:hover {
          background-color: #0f28c6;
        }
        .content6-item-flex {
          display: flex;
        }
        .img-box {
          display: flex;
          align-items: center;
          justify-content: center;
          img {
            width: 44px;
            height: 44px;
          }
        }
        
        .text-box {
          padding-left: 40px;
          p {
            font-size: 18px;
            color: #FFFFFF;
            letter-spacing: 0;
            font-weight: 500;
          }
        }
        
      }
    }
  }
}

@media screen and (min-width: 767px) {
  .@{content6}-wrapper {
    .content6-subtitle {
      margin: 0 180px;
    }
    .content6-list {
      .ant-col:not(:last-child) {
        .item {
          border-right: 1px solid #5F75FE;
        }
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .@{content6}-wrapper {
    .c-grid-layout {
      .content6-img {
        img {
          width: 81px;
          height: 81px;
        }
      }
      .content6-title {
        font-size: 18px;
      }
      .content6-subtitle {
        font-size: 13px;
        margin-bottom: 45px;
        p {
          line-height: 18px;
        }
      }
      .content6-list {
        .item {
          .content6-item-flex {
            display: block;
          }
          .img-box {
            padding-bottom: 7px;
            img {
              width: 28px;
              height: 28px;
            }
          }
          .text-box {
            padding-left: 0px;
            p {
              font-size: 12px;
            }
          }
          
        }
      }
    }
  }
}
